<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/main.css">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <link href="css/layer.css" type="text/css" rel="styleSheet" id="layermcss">
    <script type="text/javascript" src="js/pop.js"></script>
    <script src="js/style.js"></script>
    <script src="js/api.js"></script>
    <title>澳覓商戶中心</title>
</head>
<body style="background: #e5e5e5;">
<div class="main">
    <div class="header">
        <div class="logo">
            <img src="images/logo.jpg" alt=""/>
        </div>
        <div class="user-name"><a href="" style="color: #00a189;">歡迎，金沙酒店（16287）</a><a href="javascript:loginOut()" class="out">退出</a></div>
    </div>
    <div class="content">
        <div class="content-menu">
            <div class="left">
                <h4><i class="aa" style="background: url('images/icon-cg.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>常规操作</h4>
                <ul class="menu-list">
                    <li><a href="shop-list.html" target="right"><span>●</span>門店賬號管理</a></li>
                    <li><a href="w-shop-set.html"  target="right"><span>●</span>門店外賣設置</a></li>
                    <li><a href="group-list.html"  target="right"><span>●</span>團購管理</a></li>
                    <li><a href="w-shop-list.html"  target="right"><span>●</span>外賣商品管理</a></li>
                </ul>
                <h4><i class="aa" style="background: url('images/icon-xf.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>驗證消費</h4>
                <ul class="menu-list">
                    <li><a href="he.html" class="active" target="right"><span>●</span>驗證團購券</a></li>
                </ul>
                <h4><i class="aa" style="background: url('images/icon-cw.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>財務管理</h4>
                <ul class="menu-list">
                    <li><a href="record.html"  target="right"><span>●</span>團購消費記錄</a></li>
                </ul>
                <h4><i class="aa" style="background: url('images/icon-yd.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>預定管理</h4>
                <ul class="menu-list">
                    <li><a href="arrive.html"  target="right"><span>●</span>確認用戶到店</a></li>
                </ul>
                <h4><i class="aa" style="background: url('images/icon-cw.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>財務管理</h4>
                <ul class="menu-list">
                    <li><a href="xf-list.html"  target="right"><span>●</span>自助餐消費記錄</a></li>
                    <li><a href="take-order.html"  target="right"><span>●</span>外賣訂單記錄</a></li>
                </ul>
                <h4><i class="aa" style="background: url('images/icon-order.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>營銷推廣</h4>
                <ul class="menu-list">
                    <li><a href="marketing-list.html"  target="right"><span>●</span>店鋪活動</a></li>
                </ul>
                <h4><i class="aa" style="background: url('images/icon-xt.png') no-repeat;float:left;display:block;width:40px;height:40px;background-size:100%;;"></i>系統管理</h4>
                <ul class="menu-list">
                    <li><a href="pwd.html"  target="right"><span>●</span>密碼修改</a></li>
                </ul>
            </div>
        </div>
        <div class="content-main">
            <iframe name="right" id="right" src="he.html" scrolling="auto" frameBorder="0" width="100%" height="100%" style="overflow:auto;" onload="iFrameHeight()"></iframe>
        </div>
    </div>

    <!-- 刪除確認Modal -->
    <div class="myModal" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog2" role="document" style="width: 500px;height:370px;">
            <form action="">
                <div class="modal-content">
                    <div class="modal-body del-modal">
                        系統提示
                        <h5 class="text-center">確定要刪除該商品嗎？</h5>
                    </div>
                    <div class="modal-footer" style="border-top: none;text-align: center;margin-bottom: 20px;">
                        <button type="button" class="btn btn-default" style="outline:none;color: #6c6666;border-radius:5px;" onclick="hide()">關閉</button>
                        <button type="button" class="btn btn-default" id="" data-dismiss="modal" style="border-radius:5px;background:#00a189;outline:none;color: #ffffff" onclick="hide()">確定</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 刪除確認方案 -->
    <div class="myModal" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog5" role="document" style="width: 500px;height:370px;">
            <form action="" >
                <div class="modal-content">
                    <div class="modal-body del-modal">
                        系統提示
                        <h5 class="text-center">確定要刪除配送方案？</h5>
                    </div>
                    <div class="modal-footer" style="border-top: none;text-align: center;margin-bottom: 20px;">
                        <button type="button" class="btn btn-default" style="outline:none;color: #6c6666;border-radius:5px;" onclick="hide()">關閉</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" style="border-radius:5px;background:#00a189;outline:none;color: #ffffff" onclick="hide()">確定</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 添加分类 -->
    <div class="myModal" id="addClassify" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog7" role="document" style="width: 500px;height:370px;">
            <form action="" name="ff">
                <div class="modal-content">
                    <div class="modal-body del-modal class-list-modal" style="clear: both;padding: 20px 20px;" >
                        <h4 style="color: #6c6666;">添加分類</h4>
                        <a style="float: right;text-decoration:none;margin-top:-35px;text-align: center;font-size: 20px;color: #6c6666;" onclick="hide()">×</a>
                        <div style="clear: both;margin-top: 20px;">
                            <div class="form-group" style="clear:both;margin-right: 20px;width: 280px;">
                                <input type="text" class="form-control" name="input1" onkeyup="keydown()" placeholder="請輸入分類商品名稱"/>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer class-list-btn" style="border-top: none">
                        <button type="button" class="btn btn-default" style="outline:none;color: #6c6666;border-radius:5px;" onclick="hide()">取消</button>
                        <button type="button" class="btn btn-default"  data-dismiss="modal" style="border-radius:5px;background:#00a189;outline:none;">
                            <a href="javascript:success()" style="color: #ffffff;text-decoration: none">保存</a></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--&lt;!&ndash; 刪除確認Modal &ndash;&gt;-->
    <!--<div class="myModal" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">-->
        <!--<div class="modal-dialog" id="modal-dialog4" role="document" style="width: 500px;height:370px;">-->
            <!--<form action="">-->
                <!--<div class="modal-content">-->
                    <!--<div class="modal-body del-modal">-->
                        <!--系統提示-->
                        <!--<h5 class="text-center">確定要刪除該商品嗎？</h5>-->
                    <!--</div>-->
                    <!--<div class="modal-footer" style="border-top: none;text-align: center;margin-bottom: 20px;">-->
                        <!--<button type="button" class="btn btn-default" style="outline:none;color: #6c6666;border-radius:5px;" onclick="hide()">關閉</button>-->
                        <!--<button type="button" class="btn btn-default" id="" data-dismiss="modal"  style="border-radius:5px;background:#00a189;outline:none;color: #ffffff" onclick="hide()">確定</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</form>-->
        <!--</div>-->
    <!--</div>-->
    <!-- 修改分店Modal -->
    <div class="myModal" id="myModal1" tabindex="-1" role="dialog1" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog1" role="document" style="width: 660px;height:570px;" >
            <form action="">
                <div class="modal-content ">
                    <div class="modal-body">
                        <div class="modal-change-con">
                            <label>請選擇分店：</label>
                            <div class="hx-shop-search">
                                <div class="search-city">
                                    <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">城市</span>
                                    <div class="form-group" style="margin-right: 10px;width: 160px;">
                                        <select name="" class="form-control select-tc">
                                            <option value="">澳門</option>
                                            <option value="">珠海</option>
                                            <option value="">廣州</option>
                                            <option value="">33</option>
                                            <option value="">44</option>
                                        </select>
                                    </div>
                                    <div style="width: 280px;float: left;">
                                        <input type="text" class="form-control" style="color: #a39b9b;" onblur="this.placeholder='請輸入門店名稱'" onfocus="this.placeholder=''" placeholder="請輸入門店名稱"/>
                                    </div>
                                </div>
                                <div class="shop-list">
                                    <div class="shop-show">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="radio" >
                                                    <label>
                                                        <input type="radio" class="checked" name="optionsRadios"
                                                               value="option2">
                                                        澳門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="shop-hide"style="display: none">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        澳門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="optionsRadios"
                                                               value="option2">
                                                        門-東望洋餅店(獲多利總店)
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <h6><a href="#" class="see-more" style="clear: both;font-size:14px;color: #00a189;text-decoration: none;">查看更多</a></h6>
                                    <h6><a href="#" class="see-hide" style="clear: both;font-size:14px;color: #00a189;text-decoration: none;display: none">收藏起來</a></h6>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer" style="border-top: none;text-align: center;margin-bottom: 20px;">
                            <button type="button" class="btn btn-lg" style="border-radius:5px;outline:none;height:40px;line-height:20px;color: #ffffff">確認</button>
                            <button type="button" class="btn btn-lg" id="cancel2" data-dismiss="modal" style="border-radius:5px;height:40px;line-height:20px;outline:none;background:#f2f1f1;color:#6c6767;" onclick="hide()">取消</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 查詢Modal -->
    <div class="myModal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog" role="document" style="width: 500px;height:370px;">
            <form action="">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="modal-con">
                            <h4>團購套餐：</h4>
                            <p>
                                [某某團購了某套餐]
                            </p>
                        </div>
                        <h5>顧客該套餐有<span>2</span>張券可驗證，<i>請選擇本次消費的張數</i></h5>
                        <div class="btn-number" style="height:80px;width:250px;padding-top:20px;padding-left:30px;text-align: center;margin: 0 auto;">
                            <button  type="button" class="btn-lg reduce active" style="width: 40px;height: 40px;line-height:10px;margin-right:10px;border:none;outline:none;border-radius:0;color: white;" onblur="aa()" onclick="reduce()">-</button>
                            <input type="text" class="form-control number" id="sNum" style="width: 80px;height: 40px;margin-right:10px;text-align: center;" value="1" onblur="sum()"/>
                            <button type="button" class="btn-lg increase active" style="width: 40px;height:40px;line-height:10px;outline:none;border:none;color: white;border-radius:0;" onclick="increase()">+</button>
                        </div>
                    </div>
                    <div class="modal-footer" style="border-top: none;text-align: center;margin-bottom: 20px;">
                        <button type="button" class="btn btn-lg" style="border-radius:0;outline:none;color: #ffffff">確認消費</button>
                        <button type="button" class="btn btn-lg" id="cancel" data-dismiss="modal" style="border-radius:0;outline:none;color: #ffffff" onclick="hide()">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 删除未生效 -->
    <div class="myModal" id="del-active" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog6" role="document" style="width: 500px;height:370px;">
            <form action="" name="ff">
                <div class="modal-content">
                    <div class="modal-body del-modal class-list-modal" style="clear: both;padding: 20px 20px;" >
                        <h4 style="color: #6c6666;">信息提示</h4>
                        <a style="float: right;text-decoration:none;margin-top:-35px;text-align: center;font-size: 20px;color: #6c6666;cursor: pointer" onclick="hide()">×</a>
                        <div style="clear: both;margin-top: 20px;border: none;color: #6c6666;width: 300px;margin: 0 auto">
                            确认删除未生效的活动？
                        </div>
                    </div>
                    <div class="modal-footer class-list-btn" style="border-top: none">
                        <button type="button" class="btn btn-default"  data-dismiss="modal" style="border-radius:5px;border:none;background:#ececec;outline:none;color: #6b6766"  onclick="hide()">取消</button>
                        <button type="button" class="btn btn-default" style="outline:none;background:#00a189;color:white;border:none;border-radius:5px;" onclick="hide()">確定</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 删除失效 -->
    <div class="myModal" id="del-active1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog9" role="document" style="width: 500px;height:370px;">
            <form action="" name="ff">
                <div class="modal-content">
                    <div class="modal-body del-modal class-list-modal" style="clear: both;padding: 20px 20px;" >
                        <h4 style="color: #6c6666;">信息提示</h4>
                        <a style="float: right;text-decoration:none;margin-top:-35px;text-align: center;font-size: 20px;color: #6c6666;cursor: pointer" onclick="hide()">×</a>
                        <div style="clear: both;margin-top: 20px;border: none;color: #6c6666;width: 300px;margin: 0 auto">
                            确定删除失效的活动？
                        </div>
                    </div>
                    <div class="modal-footer class-list-btn" style="border-top: none">
                        <button type="button" class="btn btn-default"  data-dismiss="modal" style="border-radius:5px;border:none;background:#ececec;outline:none;color: #6b6766"  onclick="hide()">取消</button>
                        <button type="button" class="btn btn-default" style="outline:none;background:#00a189;color:white;border:none;border-radius:5px;" onclick="hide()">確定</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 撤销 -->
    <div class="myModal" id="revoke-active" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" id="modal-dialog8" role="document" style="width: 500px;height:370px;">
            <form action="" name="ff">
                <div class="modal-content">
                    <div class="modal-body del-modal class-list-modal" style="clear: both;padding: 20px 20px;" >
                        <h4 style="color: #6c6666;">信息提示</h4>
                        <a style="float: right;text-decoration:none;margin-top:-35px;text-align: center;font-size: 20px;color: #6c6666;" onclick="hide()">×</a>
                        <div style="clear: both;margin-top: 20px;border: none;color: #6c6666;width: 300px;margin: 0 auto">
                            活動撤銷后，顧客下單將不再享受此優惠，
                            有可能會轉移到其他有優惠的商家喲~您確
                            定要撤銷此活動嗎？
                        </div>
                    </div>
                    <div class="modal-footer class-list-btn" style="border-top: none">
                        <button type="button" class="btn btn-default"  data-dismiss="modal" style="border-radius:5px;border:none;background:#ececec;outline:none;color: #6b6766"  onclick="hide()">確定撤銷</button>
                        <button type="button" class="btn btn-default" style="outline:none;background:#00a189;color:white;border:none;border-radius:5px;" onclick="hide()">保留活動</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script type="text/javascript">
    function iFrameHeight() {
        var ifm= document.getElementById("right");
        ifm.height=0;
        var subWeb = document.frames ? document.frames["right"].document : ifm.contentDocument;
        if(ifm != null && subWeb != null) {
            ifm.height = subWeb.body.scrollHeight;
            if(ifm.height<860){
                ifm.height=860;
            }
        }
    }
    //modal取消后隐藏
    function hide(){
        $(".myModal").hide()
    }
    //用户退出提示
    function loginOut(){
        pop.confirm("确定要退出？",function(){
            window.location.href = "main.html";
        });}

    //将当前团购核销券数量+1
    function add() {
        var maxHxNum = parseInt($('#myModal').find('#maxHxNum').text());
        var hxNum = parseInt($('#myModal').find('#hxNum').val());
        if (hxNum < maxHxNum) {
            $('#myModal').find('#hxNum').val(++hxNum);
        }
        if (hxNum == 2) {
            $('#substractBtn').addClass('active');
        }
        if (hxNum == maxHxNum) {
            $('#addBtn').removeClass('active');
        }
    }
//    //分类添加成功提示
//    function success(){
//        pop.b("<span class='badge' style='background: white;color:#00a189;border: 1px solid #00a189;margin-right: 10px;'>✔</span>商品分類保存成功",function(){
//            window.location.href = "main.html";
//        });}
//    // 数量
//    var $sNum = $api.byId('sNum');
//    var $reduce = $api.dom('.reduce');
//    var $increase = $api.dom('.increase');
//    function increase(){
//        if(parseInt($sNum.value) == 500){
//            $sNum.value = 500;
//            $api.toast('数量最大是500');
//        }else{
//            $sNum.value = parseInt($sNum.value)+1;
//            sum();
//        }
//    }
//    function reduce(){
//
//        if(parseInt($sNum.value)==1){
//            $sNum.value = 1;
//            $api.toast('数量最小是1');
//        }else{
//            $sNum.value = parseInt($sNum.value)-1;
//            sum();
//        }
//    }
//    function sum(){
//        if(parseInt($sNum.value)<=1){
//            $sNum.value = 1;
//            $api.removeCls($reduce, 'active');
//        }else if(parseInt($sNum.value)>=500){
//            $sNum.value = 500;
//            $api.removeCls($increase, 'active');
//        }
//        else{
//            $api.addCls($reduce, 'active')
//            $api.addCls($increase, 'active')
//        }
//    }
    $(function() {

        $(".see-more").click(function() {
            $(".shop-hide").slideDown();
            $(".see-more").css('display', 'none')
            $(".see-hide").css('display', 'block')
        });

        $(".see-hide").click(function() {
            $(".shop-hide").slideUp();
            $(".see-more").css('display', 'block')
            $(".see-hide").css('display', 'none')
        })
    });
</script>
</body>
</html>